<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>IT菜鸟联盟</title>
    <meta name=App-Config content="fullscreen=yes,useHistoryState=yes,transition=yes">
    <meta content=yes name=apple-mobile-web-app-capable>
    <meta content=yes name=apple-touch-fullscreen>
    <meta content="telephone=no,email=no" name=format-detection>
    <meta name=viewport content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
    <link rel="stylesheet" href="./style/home.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <script src="./util/common.js"></script>
</head>
<body>
    <header>
        <div class="con">
            <h1>
                <a href="index.html">
                    IT菜鸟联盟
                </a>
            </h1>
            <ul>
                <li><a href="index.html" class="active">主页</a></li>
                <li><a href="">大一新生</a></li>
                <li><a href="pages/details.html" >毕业设计指导</a></li>
                <li><a href="">视频</a></li>
                <!--<li class="search">
                    <input type="text"/>
                    <span class="iconfont icon-sousuo"></span>
                </li>-->
            </ul>
        </div>
    </header>
    <div class="banner con">
        <img src="./image/banner.png" alt="">
    </div>
    <section>
        <div class="clear listHeader con">
            <h2>
                <span class="iconfont icon_hp_dianshang
icon-icon_hp_dianshang">
                </span>
                <span>毕业设计</span>
            </h2>
            <!--<a class="more" href="">查看更多></a>-->
        </div>
        <div class="listBox con">
            <div class="list">
                <a href="pages/details.html">
                    <img src="./image/deli1.png" alt="">
                    <p class="msg">Deli货物管理系统(VUE+SSM+Mysql+Tomcat)</p>
                    <p class="time">1月前发布</p>
                </a>
            </div>
            <div class="list">
                <a href="pages/details2.html">
                    <img src="./image/book1.png" alt="">
                    <p class="msg">SoBook书店销售管理系统(VUE+SSM+Mysql+Tomcat)</p>
                    <p class="time">1月前发布</p>
                </a>
            </div>
            <div class="list">
                <a href="pages/details3.html">
                    <img src="./image/baiguoyuan1.png" alt="">
                    <p class="msg">百果园销售系统(VUE+SSM+Mysql+Tomcat)</p>
                    <p class="time">1月前发布</p>
                </a>
            </div>
            <div class="list">
                <a href="pages/details4.html">
                    <img src="./image/dixintong1.png" alt="">
                    <p class="msg">迪信通采购销售管理系统(VUE+SSM+Mysql+Tomcat)</p>
                    <p class="time">1月前发布</p>
                </a>
            </div>
            <div class="list">
                <a href="pages/details5.html">
                    <img src="./image/gaizhuangche1.png" alt="">
                    <p class="msg">车辆配件管理系统(VUE+SSM+Mysql+Tomcat)</p>
                    <p class="time">1月前发布</p>
                </a>
            </div>
            <div class="list">
                <a href="pages/details6.html">
                    <img src="./image/haixian1.png" alt="">
                    <p class="msg">FRESH/FISH 海鲜超市管理系统(VUE+SSM+Mysql+Tomcat)</p>
                    <p class="time">1月前发布</p>
                </a>
            </div>
            <div class="list">
                <a href="pages/details7.html">
                    <img src="./image/jiu1.png" alt="">
                    <p class="msg">1919酒类直供管理系统(VUE+SSM+Mysql+Tomcat)</p>
                    <p class="time">1月前发布</p>
                </a>
            </div>
            <div class="list">
                <a href="pages/details8.html">
                    <img src="./image/cai1.png" alt="">
                    <p class="msg">百姓菜篮子销售系统(VUE+SSM+Mysql+Tomcat)</p>
                    <p class="time">1月前发布</p>
                </a>
            </div>
            <div class="list">
                <a href="pages/details9.html">
                    <img src="./image/xiaomi1.png" alt="">
                    <p class="msg">小米智能家居管理平台(VUE+SSM+Mysql+Tomcat)</p>
                    <p class="time">1月前发布</p>
                </a>
            </div>
            <div class="list">
                <a href="pages/details10.html">
                    <img src="./image/chaoshi1.png" alt="">
                    <p class="msg">沃尔玛超市库存系统(VUE+SSM+Mysql+Tomcat)</p>
                    <p class="time">1月前发布</p>
                </a>
            </div>
            <div class="list">
                <a href="pages/details11.html">
                    <img src="./image/hotwind1.png" alt="">
                    <p class="msg">HotWind店铺管理平台(VUE+SSM+Mysql+Tomcat)</p>
                    <p class="time">1月前发布</p>
                </a>
            </div>
            <div class="list" style="visibility: hidden">
                <img src="./image/qidai.jpg" alt="">
                <p class="msg">这是一段毕业设计文字 可能是两行 但是不能超过两行</p>
                <p class="time">4天前发布</p>
            </div>
        </div>
    </section>
    <!--<section>
        <div class="clear listHeader con">
            <h2>
                <span class="iconfont icon-gongzhonghao">
                </span>
                <span>电商类</span>
            </h2>
            <a class="more" href="">查看更多></a>
        </div>
        <div class="listBox con">
            <div class="list">
                <img src="./image/list1.jpg" alt="">
                <p class="msg">这是一段毕业设计文字 可能是两行 但是不能超过两行</p>
                <p class="time">4天前发布</p>
            </div>
            <div class="list">
                <img src="./image/list1.jpg" alt="">
                <p class="msg">这是一段毕业设计文字 可能是两行 但是不能超过两行</p>
                <p class="time">4天前发布</p>
            </div>
            <div class="list">
                <img src="./image/list1.jpg" alt="">
                <p class="msg">这是一段毕业设计文字 可能是两行 但是不能超过两行</p>
                <p class="time">4天前发布</p>
            </div>
            <div class="list">
                <img src="./image/list1.jpg" alt="">
                <p class="msg">这是一段毕业设计文字 可能是两行 但是不能超过两行</p>
                <p class="time">4天前发布</p>
            </div>
        </div>
    </section>
    <section>
        <div class="clear listHeader con">
            <h2>
                <span class="iconfont icon-xiaochengxu">
                </span>
                <span>电商类</span>
            </h2>
            <a class="more" href="">查看更多></a>
        </div>
        <div class="listBox con">
            <div class="list">
                <img src="./image/list1.jpg" alt="">
                <p class="msg">这是一段毕业设计文字 可能是两行 但是不能超过两行</p>
                <p class="time">4天前发布</p>
            </div>
            <div class="list">
                <img src="./image/list1.jpg" alt="">
                <p class="msg">这是一段毕业设计文字 可能是两行 但是不能超过两行</p>
                <p class="time">4天前发布</p>
            </div>
            <div class="list">
                <img src="./image/list1.jpg" alt="">
                <p class="msg">这是一段毕业设计文字 可能是两行 但是不能超过两行</p>
                <p class="time">4天前发布</p>
            </div>
            <div class="list">
                <img src="./image/list1.jpg" alt="">
                <p class="msg">这是一段毕业设计文字 可能是两行 但是不能超过两行</p>
                <p class="time">4天前发布</p>
            </div>
        </div>
    </section>
    <section>
        <div class="clear listHeader con">
            <h2>
                <span class="iconfont icon_hp_crm
icon-icon_hp_crm">
                </span>
                <span>电商类</span>
            </h2>
            <a class="more" href="">查看更多></a>
        </div>
        <div class="listBox con">
            <div class="list">
                <img src="./image/list1.jpg" alt="">
                <p class="msg">这是一段毕业设计文字 可能是两行 但是不能超过两行</p>
                <p class="time">4天前发布</p>
            </div>
            <div class="list">
                <img src="./image/list1.jpg" alt="">
                <p class="msg">这是一段毕业设计文字 可能是两行 但是不能超过两行</p>
                <p class="time">4天前发布</p>
            </div>
            <div class="list">
                <img src="./image/list1.jpg" alt="">
                <p class="msg">这是一段毕业设计文字 可能是两行 但是不能超过两行</p>
                <p class="time">4天前发布</p>
            </div>
            <div class="list">
                <img src="./image/list1.jpg" alt="">
                <p class="msg">这是一段毕业设计文字 可能是两行 但是不能超过两行</p>
                <p class="time">4天前发布</p>
            </div>
        </div>
    </section>-->
    <footer>
        Copyright © 2020 IT菜鸟联盟 - 网官方微信号：cainiaolianmeng - 川ICP备334968708案-1 川公网安备 42018502001134号
    </footer>
</body>
</html>
























